<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>我的收益</title>
    <link rel="stylesheet" href="../../fonts/font_awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <link rel="stylesheet" href="../../css/myIncome.css">
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"><!--我的收益--></h1>
    <button id="history" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right">历史收益</button>
</header>
<div class="mui-content ">
    <!--结算-->
    <div class="income mui-text-center">
        <div class="current">07月预期收益(元)</div>
        <div class="tatal">8888.90</div>
        <div class="txbtn">
            <div class="txbtn_btn">
                <a href="draw.html">收益结算</a>
            </div>
        </div>
    </div>
    <!--chart-->
    <div class="chart">
        <div class="in_tit">
            <span class="fa fa-wpforms fa-fw"></span>月度收益
        </div>
        <div class="chart__box" style="">
            <div id="container" style="width:100%; height: 4rem; margin: 0.2rem auto 0.3rem"></div>
            <div class="chart__no__data mui-text-center" style="display: none;">
                暂无数据
            </div>
        </div>
    </div>
    <div style="height: 10px;"></div>
    <!--income__list-->
    <div class="income__list">
        <div class="in_tit">
            <span class="fa fa-wpforms fa-fw"></span>当月收益明细
        </div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell" style="background: #F5F5F5;">
                <div class="mui-row">
                    <div class="mui-col-xs-4" style="">类别</div>
                    <div class="mui-col-xs-4">交易额(元)</div>
                    <div class="mui-col-xs-4"><span>收益(元)</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">1.返现奖</div>
                    <div class="mui-col-xs-4">激活和团建</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">2.直营奖</div>
                    <div class="mui-col-xs-4">0.00</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">3.MPOS推广</div>
                    <div class="mui-col-xs-4">0.00</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">4.大POS直营</div>
                    <div class="mui-col-xs-4">0.00</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">5.大POS推广</div>
                    <div class="mui-col-xs-4">0.00</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">6.云闪付</div>
                    <div class="mui-col-xs-4">0.00</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">7.快捷支付</div>
                    <div class="mui-col-xs-4">0.00</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">8.普通结算</div>
                    <div class="mui-col-xs-4">0.00</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
            <li class="mui-table-view-cell">
                <div class="mui-row">
                    <div class="mui-col-xs-4">9.预期推广奖</div>
                    <div class="mui-col-xs-4">3+5项</div>
                    <div class="mui-col-xs-4"><span>+0.00</span></div>
                </div>
            </li>
        </ul>
    </div>
</div>

<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/jquery.js"></script>
<script src="../../js/mui-highcharts/highcharts.js"></script>
<script src="../../js/income/myIncome.js"></script>
<script>
    mui.ready(function () {
        // 历史收益
        mui('.mui-bar').on('tap','#history',function () {
            location.href="history.html"
        })
    })
</script>
</body>
</html>